//联系客服
<template>
  <div class='contact'>
    <nav-bar :title="name"/>
      <div class="phone">
        <span class="name">联系电话</span>
        <span class="num">13564043685</span>

      </div>
      <div class="e-mail">
        <span class="e-nam">联系邮箱</span>
        <span class="e-num">467002691@qq.com</span>

      </div>
  </div>
</template> 

<script>
import navBar from '@/components/navBar'

export default {
  name: '',
  props: {},
  components: {
    navBar 
  },
  data() {
    return {
      name:'联系客服'
    };
  },
  methods: {},

  created() {},

  mounted() {},

  computed: {},

  watch: {},

};
</script>

<style lang='scss' scoped>
  .contact{
    width: 100%;
    height: 100%;
    padding-top: 46px;
    .phone{
      width: 90%;
      height: 5.5rem;
      background: rgb(246, 246, 246);
      position: relative;
      left: 0;
      right: 0;
      margin: 1rem auto;
      .name{
        position: absolute;
        left: 5rem;
        top: 1rem;
        font-size: 12px;
        color: #999;
      }
      .num{
        position: absolute;
        left: 5rem;
        top: 3.5rem;
      }
    }
    .e-mail{
       width: 90%;
      height: 5.5rem;
      background: rgb(246, 246, 246);
      position: relative;
      left: 0;
      right: 0;
      margin: 1rem auto;
       .e-nam{
        position: absolute;
        left: 5rem;
        top: 1rem;
        color: #999;
        font-size: 12px;
      }
      .e-num{
        position: absolute;
        left: 5rem;
        top: 3.5rem;
      }
    }
  }
</style>